The Bootstrap Modal is a lightweight multi-purpose JavaScript popup that is customizable and responsive. It can be used to display alert popups, videos, and images in a website. 

<link href="~/Content/bootstrap.css" rel="stylesheet" />
       <script src="~/Scripts/jquery-2.1.4.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<div class="modal fade" id="modelpopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <divclass="modal-content"id="model-content">
            <divclass="modal-header">
                <buttontype="button"class="close"data-dismiss="modal"aria-label="Close">
 <spanaria-hidden="true">&times;</span></button>
                <h4class="modal-title"id="myModalLabel">Information</h4>
            </div>
            <divclass="modal-body">
                <strong>Are you sure you want to delete this record!</strong>
            </div>
            <divclass="modal-footer">
                <aclass="btn btn-warning DeleleConfirm"href="">Yes</a>
                <buttontype="button"class="btn btn-danger"data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
 
 
       <script>
         $('#modelpopup).modal('show');
</script>